<template>
  <div id="app">
    <div v-if="loading">
      loading
    </div>
    <div v-else>
      <framework/>
    </div>
  </div>
</template>

<script>
import Framework from './framework'
export default {
  data () {
    return {
      loading: false
    }
  },
  name: 'App',
  components: {
    Framework
  }
}
</script>

<style lang="stylus">
@import '~moonlite/dist/moonlite.css'
@import './stylesheets/main.styl';
#app {
  width: 100%;
  height: 100%;
  // background: #f1f1f1;
}
</style>
